@charset "utf-8";

@font-face {
	font-family: 'themify';
	src:url('${static.url}/fonts/themify.eot?-fvbane');
	src:url('${static.url}/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'),
		url('${static.url}/fonts/themify.woff?-fvbane') format('woff'),
		url('${static.url}/fonts/themify.ttf?-fvbane') format('truetype'),
		url('${static.url}/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	font-family: "PingFangSC-Regular";
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
}

input {
	border: 0px solid #6f6f6f;
	margin-left: 5px;
	color: white;
	padding-left: 3px;
	background-color: transparent;
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}

li {
	list-style: none;
}

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, figure, menu, dl, dt,
	dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea,
	select, th, td {
	margin: 0;
	padding: 0;
}

.hand-mouse {
	cursor: pointer;
}

.none_select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.zoom-in {
    cursor: zoom-in;
}
img {
	border: 0;
	vertical-align: top
}

a {
	color: white;
	text-decoration: none;
}

a:visited, a:active, a:focus, a:hover {
	text-decoration: none;
	outline: 0;
	color: white;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.col-sm-10 img {
	max-width: 180px;
}
.row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.row>[class*='col-'] {
    display: flex;
	flex-direction: column;
}

.btn [class*="icon-"] {
	margin-right: 5px;
}

.icon-desktop:before {
	content: "\e640";
	color: white;
}

.icon-star:before {
	content: "\e60a";
	color: white;
}

.icon-user:before {
	content: "\e602";
	color: white;
}

.icon-add:before {
	content: "\e61a";
	color: white;
    position: relative;
    top: 1px;
    font-size: 13px;
}

.icon-close:before {
	content: "\e646";
    position: relative;
    top: 1px;
    font-size: 11px;
}

.icon-lock:before {
	content: "\e62b";
    position: relative;
    top: 1px;
    font-size: 11px;
}

.icon-setting:before {
	content: "\e60f";
}

.icon-clock:before {
	content: "\e6c6";
}

.icon-angle-down:before {
	content: "\e64b";
}

.icon-edit:before {
	content: "\e61c";
}

.icon-trash:before {
    cursor: pointer;
	content: "\e605";
}

.icon-link:before {
	content: "\e62d";
}

.icon-double-up:before {
	content: "\e660";
}

.icon-double-down:before {
	content: "\e663";
}

.icon-play:before {
    cursor: pointer;
    content: "\e65d";
}

.icon-search:before {
    cursor: pointer;
    content: "\e610";
}

.icon-truck:before {
	content: "\e66d";
}

.icon-comment:before {
	content: "\e645";
}

.modal {
	text-align: center;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content {
	background-color: #F4F4F4;
	border: 1px solid #cecece;
	border-radius: 6px;
}

.modal-header {
	background-color: #525252;
	border-radius: 6px 6px 0px 0px;
	color: white;
	padding: 10px;
}
.modal-header .close{
    margin-top: -4px;
    font-size: 30px;
}

.modal-title {
	font-size: 16px;
	font-weight: bold;
}

.modal-footer {
	
}

div.dataTables_wrapper div.dataTables_processing {
    color: #888888;
    background-color: rgba(0,0,0,0.5);
    border: none;
}

table.dataTable {
	border-collapse: collapse !important;
	color: #cccccc;
	border-bottom: 1px solid black;
    background-color: #2a2a2a;
}

table.dataTable td img{
	max-width: 50px;
}

table.dataTable tbody>tr:hover {
	background-color: #EBEBEB;
}

.close {
	font-weight: normal;
	text-shadow: none;
	filter: alpha(opacity =   100);
	opacity: 1;
	color: white;
}

.close:hover {
	color: #fefefe;
}

.dropdown-menu{
	min-width: initial;
	background-color: #696969;
}
.dropdown-menu li a {
	color: white;
}

.btn {
	padding: 4px 20px;
	border-radius: 5px;
	font-size: 14px;
    font-weight: bold;
    height: 26px;
    line-height: 18px;
}

.btn .caret {
	margin-left: 2px;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

.btn-default {
	background-image: linear-gradient(-180deg, #FFFFFF 0%, #E8E8E8 100%);
	border-color: #cccccc;
}

.btn-default.focus, .btn-default:focus {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-default:hover {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-default.active, .btn-default.active:focus, .btn-default:active:focus,
	.btn-default:active, .open>.dropdown-toggle.btn-default {
	background-image: linear-gradient(-180deg, #FEFEFE 0%, #C6C6C6 100%);
	border-color: #cccccc;
}

.btn-primary {
	background-image: linear-gradient(-180deg, #69B1FA 0%, #046FFF 100%);
	border-color: #cccccc;
}

.btn-primary.focus, .btn-primary:focus {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}

.btn-primary:hover {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}

.btn-primary.active, .btn-primary.active:focus, .btn-primary:active:focus,
	.btn-primary:active, .open>.dropdown-toggle.btn-primary {
	background-image: linear-gradient(-180deg, #4c98ff 0%, #0666e4 100%);
	border-color: #cccccc;
}


.btn-danger {
	background-image: linear-gradient(-180deg, #fa6969 0%, #e40000 100%);
	border-color: #cccccc;
}

.btn-danger.focus, .btn-danger:focus, .btn-danger:hover {
	background-image: linear-gradient(-180deg, #f89393 0%, #ec2828 100%);
	border-color: #cccccc;
}

.btn-danger.active, .btn-danger.active:focus, .btn-danger:active:focus,
	.btn-danger:active, .open>.dropdown-toggle.btn-danger {
	background-image: linear-gradient(-180deg, #f89393 0%, #ec2828 100%);
	border-color: #cccccc;
}

.btn-block {
	border: 1px solid #CCCCCC;
}

.btn-noborder {
	border: none;
}

.modal-footer .btn+.btn {
	margin-left: 10px;
}

.modal-form {
	color: black;
}

.modal-form .input-group {
	margin-bottom: 10px;
}

.modal-form select.form-control {
	margin-bottom: 10px;
}

.item-add-block {
	position: relative;
	height: 319.5px;
    background-image: url('${static.url}/images/icon_plus_transparent.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-add-block.list-add {
    border: 1px solid #5a5a5a;
    border-radius: 5px;
}


.item-add-block-mini {
    background-image: url('${static.url}/images/icon_plus_280.png');
    position: relative;
    display: inline-block;
    height: 120px;
    width: 180px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.item-add-block img, .item-add-block-mini img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 45%;
}

.item-add-block-tip {
	position: absolute;
	top: 80%;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	color: #999999;
}

.item-add-block-recommand {
	font-size: 9px;
	margin-top: 2px;
}

.pagination>li>a{
    color: #D5DDE5;
    background: #1b1e24;
    border: 1px solid #1b1e24;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #D5DDE5;
    background: #1b1e24;
    cursor: not-allowed;
    border: 1px solid #1b1e24;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	background-color: #444444;
    border: 1px solid #1b1e24;
}
.form-title-bar {    
	border-bottom: 1px solid #171717;
    border-top: 1px solid #171717;
    background-color: #373737;
    height: 40px;
    line-height: 40px;
    width: 100%;
    padding: 0px 10px;
    color: white;
}
.form-title-bar-dynamic-fixed {
	background-color: #EFEFEF;
    height: 40px;
    line-height: 40px;
    width: 100%;
}

.form-title-name {
	float: left;
	font-size: 16px;
	font-weight: bold;
}
.form-title-btn{
	float: right;
}
.form-horizontal  {
	text-align: left;
	display: flex;
	flex-direction: column;
    height: 100%;
}

.form-horizontal .form-group  {
	margin-left: 0px;
	margin-right: 0px;
}

.form-horizontal .form-content {
	flex-grow: 1;
    padding-top: 20px;
    overflow-y: auto;
}

.form-search {
	text-align: right;
	margin-bottom: 8px;
}
.form-search .form-group label {
	font-weight: normal;
	color: white;
}
.form-control[contenteditable="true"] {
	height: auto;
}
.table {
	background: white;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.table>thead>tr>th {
    text-align: center;
    color: white;
    background: #373737;
    border-top: 1px solid black !important;
    border-bottom: 2px solid black;
    border-right: 1px solid black;
    font-size: 14px;
    vertical-align: middle;
}

/*
.table>thead>tr>th:first-child {
    border-top-left-radius: 3px;
}

.table>thead>tr>th:last-child {
    border-top-right-radius: 3px;
}
*/
.table>tbody>tr>td {
    vertical-align: middle;
    font-size: 14px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    text-align: center;
}

.table-responsive {
	overflow-x: initial;
}
div.dataTables_wrapper div.dataTables_info {
	display: inline-block;
	color: white;
}
div.dataTables_wrapper div.dataTables_paginate {
	display: inline-block;
	float: right;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #272727;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #313131;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	border-top: 1px solid black;
}
.table>tbody>tr:hover {
	background-color: #6d7c91 !important;
	color: white;
}

/* loader */
.loader {
  margin: 20px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0) scale(0.7);
  -ms-transform: translateZ(0) scale(0.7);
  transform: translateZ(0) scale(0.7);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.input-search-bar {
	float: right;
	width: 300px;
}

.input-search-bar .form-control {
	background-color: #333333;
	border: none;
	color: white;
	height: 22px;
	border-radius: 20px 0px 0px 20px;
	font-size: 12px;
}
.input-search-bar .input-group-addon{
    background-color: #4a4a4a;
	border: none;
	color: white;
	padding: 0px;
	border-radius: 0px 20px 20px 0px;
}
.input-search-bar .glyphicon-search {
	padding: 0px 10px;
	font-size: 13px;
}
.input-search-bar .form-control{
}
.input-search-bar button{
	border:0;
	background:transparent;
}
.glyphicon-search:before {
	font-family: 'themify';
	content: "\e610";
}
.progress {
	margin-top: 2px;
}

.treeview .list-group-item {
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #373737;
    color: #dadada;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #171717;
    border-radius: 0px;
    font-size: 12px;
}

.treeview .badge {
	font-weight: normal;
	border: none;
	background: none;
	float: none;
	position: absolute;
	right: 0;
}

.treeview .badge [class*="icon-"]:before {
	color: #a2a2a2;
}

.toast-bottom-center {
	bottom: 30px !important;
}

.form-control {
	color: black;
}
.progress {
	margin-bottom: 0px;
}
.breadcrumb{
    background-color: transparent;
    padding: 0;
    margin-bottom: 0px;
}
.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus, .breadcrumb a:hover{
	color: black;
}
.breadcrumb a:hover{
	color: #006bff;
}

.btn-group label {
    margin: 5px 0px;
	background-image: linear-gradient(-180deg, #FFFFFF 0%, #E8E8E8 100%);
    border-color: #cccccc;
    color: black;
}

.btn-group.separate-btn-group label {
    margin: 5px 10px;
	border-radius: 5px !important;    
}

.upload-input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.table>tbody>tr>td.datatable-left {
	text-align: left;
}

.select-file-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.select-btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.select-file-input {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
    cursor: pointer;
}

.picker-switch {
	background-color: #eee;
}

.picker-switch  *{
	color: black;
}

.modal-body label {
	color: black;
}
.note-editor.note-frame {
    margin: 0px 20px;
	clear: both;
}
.ui-helper-hidden-accessible {
	display: none;
}
.ui-tooltip-content {
	display: none;
}

.note-editable a {
	color: black;
}

.file-recommend-tip {
	font-size:12px;
	width: 180px;
	text-align: center;
	color: #999999;
	margin-top: 5px;
}

.show-original-pic {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin-top: 5px;
    margin-left: 3px;
    color: black !important;
    display: block;
}

textarea.form-control {
	min-height: 100px;
	resize: none;
}

.form-input-group {
	padding-top: 7px;
}

.btn-group .btn.dropdown-toggle.dropdown-common {
	background-color: #696969;
	border: none;
	color: white;
	font-weight: normal;
	min-width: 111px;
	padding: 4px 8px 4px 10px;
	border-radius: 3px;
}

.item-add-block-mini .icon-close {
	position: absolute;
    top: -10px;
    right: -13px;
	margin: 0;
    background-color: red;
    border-radius: 50%;
    color: white;
    width: 24px;
    height: 24px;
    padding: 3px;
    z-index: 1000;
}
 
.table-container {
	background-color: #2a2a2a;
    height: inherit;
    overflow-y: auto;
    border-left: 1px solid black;
    padding: 40px 50px;
}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}